<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的博客</title>
		
		<style type="text/css">
			u{
				color: deepskyblue;
			}
			ul,li{
				padding: 0;
				margin: 0;
			}
			table{			
				border-spacing: 0px;
			}
			body{
				margin: 0;
				background:url(个人博客所用素材/bg.jpg);
			}
		</style>
	</head>
	<body>
		
		<table style=" width: 750px; " border="0" cellspacing="" cellpadding="" align="center">
			<!--顶部-->
			<tr >
 				<td colspan="7" >
					<img src="个人博客所用素材/a.jpg" width="100%" style="vertical-align: middle;"/>
				</td>	
			</tr>
			<!--导航栏-->
			<tr style="background:lightsteelblue;" >
				<th>首页</th>
				<th>心情日记</th>
				<th>Free</th>
				<th>一起走到</th>
				<th>从明天起</th>
				<th>纸飞机</th>
				<th>下一站</th>
			</tr>
		
		<!--左边一块-->
			<tr>
				<td  style="background: lightblue; text-align: center;  width: 30%;" colspan="2" >
					<img src="个人博客所用素材/3.jpg"  />
					<br />
					<h5>
						我的日记本
					</h5>
					<p style="text-align: left;">
						他们彼此深信，是瞬间迸发的热情让他们相遇，怎样的确定是美丽的，但变换无常更为美丽。
					</p>
					<br />
					<img src="个人博客所用素材/4.jpg"/>
					<br />
					<h5>
						心情轨迹
					</h5>
					<p style="text-align: left;">
						董事长的一切都让人既羡慕有忌妒，但更让人受不了的是，有一天，上苍忽然赐给他一个神奇的礼物……
					</p>
				</td>
		<!--右边一块-->
				<td style="background: url(个人博客所用素材/big.jpg); padding-left: 7%; " colspan="5">
					<h4>
						<u>介绍</u>
					</h4>
					<p>
						我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心？你说，亲爱的孩子，世事难料，随它去吧！
					</p>
					<h4>
						<u>照相本子</u>
					</h4>
					<ul style ="list-style: none;" >
						<li>关于童年，你记住了什么？</li>
						<li>两岁时，我拥有一只巨大的粉红猪，它总在我嚎啕大哭时逗我笑。</li>
						<li>三岁时，我骑着小木马一路摇到外婆家，他不喝水也不吃草</li>
						<li>四岁时，我离家出走，在公车上睡着了，最后是太空超人送我回家</li>
						<li>我真的没骗你，我通通都记得，还有照片为证。</li>
					</ul>
					<h4>
						<u>地下铁</u>
					</h4>
					<ul style ="list-style: none;" >
						<li>和我说再见的那一年，</li>
						<li>我渐渐看不见了。</li>
						<li>十五岁生日的那年秋天早餐，</li>
						<li>窗外下着毛毛雨，</li>
						<li>我喂好我的猫。</li>
						<li>六点零五分，</li>
						<li>我走进地下铁。</li>
					</ul>
					<h4>
						<u>向左走向右走</u>
					</h4>
					<ul style ="list-style: none;" >
						<li>They&apos;re&nbsp;both&nbsp;convinced</li>
						<li>that&nbsp;a&nbsp;sudden&nbsp;passion&nbsp;joined&nbsp;then.</li>
						<li>Such&nbsp;certainth&nbsp;is&nbsp;beautiful</li>
						<li>but&nbsp;uncertainty&nbsp;is&nbsp;more&nbsp;beautiful&nbsp;still</li>
					</ul>
				</td>
			</tr>
		</table>
	</body>
</html>
